* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  line-height: 1.2;
  font-size: 0.24rem;
  -ms-text-size-adjust: 100%; // 2
  -webkit-text-size-adjust: 100%; // 2
  // IOS不允许放大
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

ul,
ol,
li,
p {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
  &:hover,
  &:active {
    color: #333;
  }
}

//基础大小  640PX下  100px = 1rem
html {
  font-size: calc(
    100vw / 7.5
  ); //   1rem = 1/64  = x / 100vw  max-width: 6.4rem 640px   1rem = 100px
  @media (min-width: 750px) {
    font-size: 100px;
  }
}

.base-page {
  background: #f6f7f9;
  padding: $margin-base;
  min-height: 100vh;
  .section {
    background: #fff;
    border-radius: $radius-base;
    padding: $margin-base;
    margin-bottom: $margin-base;
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.section-loading {
  min-height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
